---
type: tutorial
unitTitle: 出发，前往 Astro 群岛
title: '第六单元 - Astro 群岛'
description: |-
  教程：搭建你的 Astro 博客 -
  使用 Astro 群岛将前端框架组件引入你的 Astro 网站
head:
  - tag: title
    content: 搭建博客教程：第六单元 - Astro 群岛 | Docs
---
import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';

现在，你已经拥有一个完全运作的博客，是时候为你的网站添加一些交互式岛屿吧！

## 接下来

在这个单元中，你将使用 **Astro 群岛**将前端框架组件引入你的 Astro 网站。

你将会：
- 为你的 Astro 项目添加一个 UI 框架：Preact
- 使用 Preact 创建一个交互式的问候组件
- 了解在何时可能不选择岛屿进行交互

<Box icon="check-list">

## 任务清单

<Checklist>
- [ ] 我已经准备好为我的网站添加一些交互性，并开始过上那种岛屿的生活！
</Checklist>
</Box>
